<div class="type-select-modal">
    <div class="container">
        <div class="title">{{ title }}</div>
        <div class="items">
            <ul class="item-list">
                <li *ngFor="let value of backup,let i = index" [ngClass]="{active: value.checked}" (click)="setRadio(value,i);$event.stopPropagation();">
                    <div [ngClass]="{'item-container':type=='checkbox'}">
                        <span class="name">{{ value.name }}</span>
                        <!-- <i class="icon ion-android-radio-button-on" *ngIf="type=='radio'" [ngClass]="{active:value.checked}"></i> -->
                        <ion-icon class="icon" name="md-radio-button-on" *ngIf="type === 'radio'" [ngClass]="{active:value.checked}"></ion-icon>
                        <!-- <ion-icon class="icon" ios="ios-disc" md="md-disc" *ngIf="type === 'radio'" [ngClass]="{active:value.checked}"></ion-icon> -->
                        <!-- <i class="icon ion-android-checkbox-outline-blank" *ngIf="type=='checkbox'&&!value.checked" (click)="toggleCheckBox(value)"></i> -->
                        <!-- <i class="icon ion-android-checkbox active" *ngIf="type=='checkbox'&&value.checked" (click)="toggleCheckBox(value)"></i> -->
                    </div>
                </li>
            </ul>
        </div>
        <div class="ops-btn" *ngIf="type=='checkbox'">
            <button class="cancel" (click)="closeModel()">取消</button>
            <button class="ok" (click)="sure()">确定</button>
        </div>
        <!-- <div class="fill"></div> -->
    </div>
</div>